<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>评价</title>
    <link rel="stylesheet" href="../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/job.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
    .content{
        padding: 5px;
        background: #f1f0f0;
    }
    .box{
        padding: 5px;;
    }
    .box h6{
        border-bottom: 1px solid #c5c4c4;
        padding-bottom: 5px;
        font-size: 15px;
    }
    .box input{
        margin: 5px auto;
        position: relative;
        display: inherit;
        border-radius: 20px;
        padding: 5px 10px;
        border:0;
        font-size: 12px;
        outline: 0;
    }
  .warn{
      text-align: center;
  }
</style>

</head>
<body style="background: #f7f7f9">
<div class="container-fluid" style="background-color: #f7f7f9">
    <!--header start-->
    <div class="row header">
      <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span>匿名评价</div>
    </div>
        <!--header end-->

    <!--content start-->
    <div class="row content">

            <div class="box">
                 <h6>对商家打分</h6>
                 <input type="number" class="input-grade"  placeholder="请输入分数" required>
                 <p class="warn hidden"><small style="color: red;">输入的数字必须在（0-100）之间</small></p>
             </div>
            <div class="box">
                <h6>对领队打分</h6>
                <input type="number"  class="input-grade" placeholder="请输入分数" required>
                <p class="warn hidden"><small style="color: red;">输入的数字必须在（0-100）之间</small></p>
            </div>
    </div>
    <div  style="text-align: center;margin-top: 10px"><small>注：百分制（0-100）,且评价提交后不可修改</small></div>
    <!--content end-->


    <div style="position: relative">
        <button style="left: 0"  class="btn" id="send-evaluate">发布评价</button>
    </div>

</div>
</body>
<script src="../js/common/jquery-2.1.4.min.js"></script>
<script src="../js/index.js"></script>
<script src="../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script>
  $('.input-grade').on('blur',function(){
      test_this(this);
  });
    function test_this(obj)
    {
        var reg = /^(0|[1-9][0-9]?|100)$/;
        if(reg.test(obj.value)){
            $(obj).next().addClass('hidden');
            btn();
        }
        else{
            $(obj).next().removeClass('hidden');
            return false;
        }
    }

    function btn(){
        $('#send-evaluate').click(function(){
            if($('.input-grade').val()!==''){
                alert('您好，发送成功');
                location.reload();
            }
            else{
                alert('评价不能为空');
                return false;
            }
        });
    }

</script>
</html>